<!DOCTYPE html>
<html lang="pt-br">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Inserindo imagens</title>
</head>
<body>
    <h1>Este e um exemplo de imagem interna (dentro da mesma pasta)</h1>
    <img src="./imagem.png" alt="imagem paisagem" width="600px" height="400px">
    
    <h1>podemos abrir imagens dentro de sub-pastas (dentro de outra pasta)</h1>
    <img src="./imgs/imagem-menor.jpg" alt="canada paisagem">

    <h1>exemplo de imagem externa ( exportada- de um servidor externo)</h1>
    <img src="https://external-content.duckduckgo.com/iu/?u=https%3A%2F%2Ftse4.mm.bing.net%2Fth%3Fid%3DOIP.W3XoTXS5AJ40rQacUvG5NAHaD9%26pid%3DApi&f=1" alt="imagem exportada" width="600px" height="350px"> <!-- URL -->
</body>
</html>